:root {
  --jg-ft-t-y: -15%;
}

#float-tools {
  width: fit-content;
  height: fit-content;
  transition: transform 200ms linear;
  z-index: 1017;
}

#float-tools:hover {
  opacity: .95 !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

#float-tools {
  transform: translate(100%, var(--jg-ft-t-y));
}

#float-tools:focus-within,
#float-tools.show {
  transform: translate(-120%, var(--jg-ft-t-y));
}

#float-tools.hide {
  transform: translate(100%, var(--jg-ft-t-y));
}

#float-tools .list-group-item span,
#float-tools a.list-group-item span {
  transition: all 300ms linear;
}

#float-tools .list-group-item:hover span,
#float-tools a.list-group-item:hover span {
  color: var(--bd-violet);
}
